<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/*引入字体*/
@font-face {
 font-family: 'PristinaRegular';
 src: url('Pristina.eot');
 src: local('Pristina Regular'),
        local('Pristina'),
        url('Pristina.woff') format('woff'),
        url('Pristina.ttf') format('truetype'),
        url('Pristina.svg#Pristina') format('svg');
}

/*css reset*/
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer{margin:0;padding:0}
body{font:16px/1.5 'Arial','Microsoft Yahei','Simsun';  background:#fff;-webkit-text-size-adjust: none; min-width:320px;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
ul,ol{list-style:none}
a{text-decoration:none;color:#1a1a1a;}
a:hover, a:active, a:focus{color:#1c5aa2;text-decoration: none;}
a:active{color:#aaa;}
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{font-size:100%; vertical-align:middle; outline:none;}
textarea{resize:none}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor:pointer;-webkit-appearance:button;-moz-appearance:button}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder {color:transparent}
button::-moz-focus-inner,input::-moz-focus-inner { padding:0; border:0}

.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
.show{display: block;}
.clear { clear:both;}
.box { position:relative; width:100%; min-width:1000px; max-width:1440px; _width:expression_r(document.body.clientWidth &lt; 1000px? "1000px": "100%" ); margin:0 auto;}

/*页头页尾*/
.header .top { width:1000px; margin:0 auto; background:url(../images/logo.jpg) no-repeat left; height:113px;}
.header .top p { text-align:right; line-height:26px; font-size:12px; color:#b5b5b5;}
.header .top p span { margin-left:30px;}
.header .top p span img { margin-right:5px;}
.header .top p .span3 img { cursor:pointer;}
.header .top p input {  line-height:26px; height:26px; font-size:12px; color:#d8d8df; text-indent:5px; border-radius:3px 10px 10px 3px; border:1px solid #dddddd;}
.header .top&gt;div { text-align:right; margin-bottom:40px; position:relative;}
.header .top&gt;div img { cursor:pointer;}
.header .top&gt;div ul { position:absolute; top:28px; right:0; background-color:#CCC; width:165px; display:none;}
.header .top&gt;div ul li { text-align:center; line-height:36px; font-size:12px; border-bottom:1px solid #999; cursor:pointer;}
.header .top&gt;div ul li a { display:block; height:36px;}
.header .top&gt;div span:hover ul { display:block;}
.header .top&gt;div ul li:hover { background-color:#999;}
.header .top&gt;div ul .last { border-bottom:none;}
.header .nav { height:50px; background-color:#d70d18; }
.header .nav&gt;ul { width:1000px; margin:0 auto;}
.header .nav&gt;ul&gt;li { float:left; line-height:30px; padding:10px 0; font-size:16px; position:relative; cursor:pointer; z-index:2;}
.header .nav&gt;ul&gt;li a&gt;span { border-left:1px solid #eb868c; padding:8px 24px; color:#fff;}
.header .nav&gt;ul&gt;li:hover .ul1 { display:block;}


.header .nav&gt;ul&gt;li .ul1 { position:absolute; top:50px; left:0; background:url(../images/60bg000.png) repeat; padding:10px 0; z-index:2; display:none;}
.header .nav&gt;ul&gt;li .ul1 .li1 { white-space:nowrap; line-height:30px; height:40px; position:relative;  cursor:pointer;  padding:0 24px; text-transform:capitalize;}
.header .nav&gt;ul&gt;li .ul1 .li1&gt;a span { border-left:none; display:block;color:#f7f9fc; font-size:14px; width:100%; padding:5px 0;}
.header .nav&gt;ul&gt;li .ul1 .last&gt;a span {border-bottom:none;}
.header .nav&gt;ul&gt;li.pro .ul1 .li1 { white-space:normal; width:360px; height:auto;}
.header .nav&gt;ul&gt;li .ul1 .li1:hover { background-color:#aaa;}

.header .nav&gt;ul&gt;li .ul1 .li1 ul { position:absolute; top:0;right:-20px; background:url(../images/60bg000.png) repeat; padding:10px 24px; display:none;}
.header .nav&gt;ul&gt;li .ul1 .li1 ul&gt;li { white-space:nowrap; line-height:40px;}
.header .nav&gt;ul&gt;li .ul1 .li1 ul&gt;li a { color:#f7f9fc;}
.header .nav&gt;ul&gt;li .ul1 .li1 ul&gt;li:hover a { color:#79e1ff;}
.header .nav&gt;ul&gt;li .ul1 .li1:hover ul { display:block;}





.footer .top { height:188px; width:100%; background-color:#3e3e3e; border-top:7px solid #e9eaee;}
.footer .top .main { width:1000px; margin:0 auto; padding-top:30px;}
.footer .top .main img { float:right;}
.footer .top .main ul { width:700px; overflow:auto; position:relative; background:url(../images/ul_bg.gif) no-repeat bottom;}
.footer .top .main ul li { float:left; margin-right:30px; cursor:pointer; padding-bottom:1px;}
.footer .top .main ul li a {  font-size:14px; color:#fff; line-height:68px;}
.footer .top .main ul li:hover { border-bottom:1px solid #d70d18; padding-bottom:0;}
.footer .top .main p { font-size:12px; color:#8f8f8f; line-height:50px;}
.footer .top .main p span { padding:15px 0; padding-right:40px;border-bottom:1px solid #625e5f;}
.footer .top .main p span.last {padding-right:0;}
.footer .bottom { background-color:#2e2e2e; height:66px;}
.footer .bottom p { width:1000px; margin:0 auto; line-height:66px; font-size:12px; color:#88898b;}

/*index*/
.index .main { width:1000px; margin:0 auto; padding:78px 0 90px;}
.index .main .top { overflow:auto; padding-bottom:40px;}
.index .main .top .left { width:392px;}
.index .main .top .left p { font-size:14px; line-height:24px; color:#8f8f8f; margin:5px 0 30px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height: 68px;}
.index .main .top .left img { cursor:pointer;}
.index .main .top .right { width:600px; float:right; position:relative;}
.index .main .top .right .banner2 { width:453px; margin:0 auto;}
.index .main .top .right .banner2  img{ width:100%;}
.index .main .top .right&gt;img { position:absolute; top:100px; cursor:pointer;}
.index .main .top .right&gt;img.img_right { right:0;}
.index .main .bottom { overflow:auto;}
.index .main .bottom .part { width:494px; float:left; margin-right:12px; margin-bottom:12px; color:#fff;}
.index .main .bottom .part1 img{
	transition-duration:3s;
	-moz-transition-duration:3s;
	-ms-transition-duration:3s;
	-o-transition-duration:3s;
	-webkit-transition-duration:3s; 

    }
.index .main .bottom .part1 img:hover{
    transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	-webkit-transform:scale(1.2);

    }
	.index .main .bottom .part2 .cright img{
	transition-duration:3s;
	-moz-transition-duration:3s;
	-ms-transition-duration:3s;
	-o-transition-duration:3s;
	-webkit-transition-duration:3s; 

    }
.index .main .bottom .part2 .cright img:hover{
    transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	-webkit-transform:scale(1.2);

    }
	.index .main .bottom .part3 .cleft img{
	transition-duration:3s;
	-moz-transition-duration:3s;
	-ms-transition-duration:3s;
	-o-transition-duration:3s;
	-webkit-transition-duration:3s; 

    }
.index .main .bottom .part3 .cleft img:hover{
    transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	-webkit-transform:scale(1.2);

    }
	.index .main .bottom .part4 .cleft img{
	transition-duration:3s;
	-moz-transition-duration:3s;
	-ms-transition-duration:3s;
	-o-transition-duration:3s;
	-webkit-transition-duration:3s; 

    }
.index .main .bottom .part4 .cleft img:hover{
    transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	-webkit-transform:scale(1.2);

    }
.index .main .bottom .pright { margin-right:0px;}
.index .main .bottom .part .cright { float:right; cursor:pointer; width:241px; height:241px; overflow:hidden;}
.index .main .bottom .part .cleft { cursor:pointer; width:94px; width:241px; height:241px; overflow:hidden;}
.index .main .bottom .part1 { position:relative; cursor:pointer; width:494px; height:241px; overflow:hidden;}
.index .main .bottom .part1 p { background:url(../images/000bg30.png) repeat; width:100%; font-size:16px; line-height:42px; position:absolute; left:0; bottom:0; text-indent:16px;}
.index .main .bottom .part1 p span { font-family:宋体; font-size:24px; margin-left:14px;}

/*about*/
.about&gt;img { width:100%;}
.inside { background:url(../images/inside_bg.png) no-repeat;}
.inside .top { border-bottom:1px solid #ebeaea;position:relative;}
.inside .top .main { width:1000px; margin:0 auto;}
.inside .top .main p { line-height:56px; font-size:14px; color:#8f8f8f;}
.inside .top .main p a { line-height:56px; font-size:14px; color:#8f8f8f;}
.inside .top .main p&gt;img { margin-right:14px;}
.inside .top .main ul { float:right;}
.inside .top .main ul li { float:left; line-height:55px; padding:0 10px;}
.inside .top .main ul li a { display:block; line-height:55px; font-size:14px; color:#39302d; padding:0 10px; cursor:pointer; text-transform:capitalize;}
.inside .top .main ul li .active { border-bottom:2px solid #d70d18;}
.inside_int { background:none;}
.inside_main { width:1000px; margin:0 auto;}
.int { width:1000px; margin:0 auto;} 
.int&gt;p { font-size:14px; color:#3e3e3e; line-height:24px; margin-top:28px; text-align:justify; text-indent:15px;}
.int&gt;p span { color:#d70d18;}
.int { padding-bottom:170px;}
.int .h3_title { margin:60px auto 50px;} 
.loading { position:absolute; bottom:0; text-align:center;width:100%;}
#focus_Box{position:relative; width:890px; height:308px; margin:20px auto;}
#focus_Box ul{position:relative; width:890; height:308px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#fff;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px; box-shadow:1px 1px 12px rgba(200, 200, 200, 1)}
#focus_Box li img{width:96%;background:url(images/loading.gif) no-repeat center 50%;height:96%;vertical-align:top; margin:2%;}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(images/float-bg.png) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:60px;height:60px;top:131px;}
#focus_Box .prev{background:url(images/btn.png) left bottom no-repeat;left:-92px}
#focus_Box .next{background:url(images/btn.png) right bottom no-repeat;right:-80px} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(images/share-btn.png) no-repeat;text-indent:-999px;}

.h3_title { text-align:center;}
.h3_title .p1 { font-size:36px; line-height:72px; text-transform:uppercase;  color:#000;}
.h3_title .p2 { font-size:24px; line-height:50px; font-family:Microsoft Yahei; color:#000;}
.h3_title span { display:block; width:60px; margin:0 auto; border-bottom:1px solid #000;}

.hon { padding-bottom:110px;}
.hon .h3_title { margin:60px auto 50px;} 
.hon p { text-align:center; font-size:14px; color:#3e3e3e;}

.adv { padding-bottom:140px;}
.adv .h3_title { margin:64px auto 70px;} 
.adv .main { overflow:auto;}
.adv .main .left { width:456px; padding-right:44px; border-right:1px solid #e5e5e5;}
.adv .main .right { width:456px; float:right;}
.adv .main p { color:#8f8f8f; font-size:14px; padding-bottom:60px;}
.adv .main img { margin-bottom:20px;}

/*news*/
.news&gt;img { width:100%;}
.ppzx_main .ppzx_content{ width:1000px; margin:0 auto; overflow:auto; padding-top:95px;}
.ppzx_main .ppzx_content .left { width:660px;}
.ppzx_main .ppzx_content .left .part { width:660px; overflow:auto; border-bottom:1px solid #eaeaea; margin-bottom:24px; cursor:pointer;}
.ppzx_main .ppzx_content .left .last { border-bottom:none;}
.ppzx_main .ppzx_content .left .part div { float:left;}
.ppzx_main .ppzx_content .left .part .date { width:65px;}
.ppzx_main .ppzx_content .left .part .date h3 { font-family:Myriad Pro; line-height:60px; font-weight:bold; font-size:60px; color:#c9caca; border-bottom:1px solid #c9caca;}
.ppzx_main .ppzx_content .left .part .date p { color:#c9caca; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:24px;}
.ppzx_main .ppzx_content .left .part .date p span { float:right;}
.ppzx_main .ppzx_content .left .part .part_main { width:560px; float:right;}
.ppzx_main .ppzx_content .left .part .part_main&gt;img { width:100%;}
.ppzx_main .ppzx_content .left .part .part_main h3 { font-size:24px; line-height:40px; margin-top:20px; margin-bottom:30px;  color:#000;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ppzx_main .ppzx_content .left .part .part_main h3 img { margin-right:18px;}
.ppzx_main .ppzx_content .left .part .part_main p { font-size:14px; line-height:28px; font-family:宋体; color:#727171;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:77px;}
.ppzx_main .ppzx_content .left .part .part_main h4 { color:#3f3a39; font-size:14px; line-height:28px; font-family:宋体; font-weight:bold; text-align:right; margin-top:5px; cursor:pointer; margin-bottom:60px;}
.ppzx_main .ppzx_content .right { float:right; width:258px;}
.ppzx_main .ppzx_content .ppzx_banner_box { position:relative;}
.ppzx_main .ppzx_content .ppzx_banner_box p { position:absolute; top:10px; font-family:宋体; font-size:18px; color:#fff; width:96%; padding:0 2%;  -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.ppzx_main .ppzx_content .ppzx_banner_box p span { cursor:pointer;}
.ppzx_main .ppzx_content .ppzx_banner_box p .span1 { float:right;}
.ppzx_main .ppzx_content .right .content h3 { font-size:18px; border-left:4px solid #de0000; text-indent:3px; margin:24px 0 16px;  color:#000;}
.ppzx_main .ppzx_content .right .content p { font-size:12px; line-height:40px; border-top:1px solid #eaeaea; cursor:pointer;  color:#000;}
.ppzx_main .ppzx_content .right .content p span { float:right;}
.ppzx_main .ppzx_content .right .content p:hover { text-decoration:underline; color:#de0000;}
.ppzx_main .ppzx_content .right .content .active { text-decoration:underline; color:#de0000;}

.ppzx_detail { position:fixed; top:0; left:0; height:100%; width:100%; background:url(../images/bg_000_50.png) repeat; display:none; z-index:3;}
.ppzx_detail .main { width:940px; height:470px; background-color:#fff; margin:0 auto; margin-top:100px; padding:70px 15px 50px 35px; position:relative;}
.ppzx_detail .main .left { width:500px;}
.ppzx_detail .main .left .banner_box { widows:100%; border:1px solid #e9e9e9; height:390px; position:relative;}
.ppzx_detail .main .left .banner_box .ppzx_detail_banner { width:485px; margin:0 auto;}
.ppzx_detail .main .left .banner_box .ppzx_detail_banner img { max-width:490px; max-height:385px;}

.ppzx_detail .main .left .banner_box p { position:absolute; top:10px; font-family:宋体; font-size:18px; color:#fff; width:100%; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.ppzx_detail .main .left .banner_box p span { display:block; text-align:center; line-height:45px; cursor:pointer; background:url(../images/bg_000_20.png) repeat; width:25px; height:45px;}
.ppzx_detail .main .left .banner_box p .span1 { float:right;}
.ppzx_detail .main .left&gt;p { text-align:center; font-size:12px; color:#727171; font-family:宋体; margin-top:12px;}
.ppzx_detail .main .right { width:360px; float:right; overflow-y:scroll; height:478px; padding-right:10px;}
.ppzx_detail .main .right h3 { font-size:24px; color:#000;}
.ppzx_detail .main .right h4 { font-size:12px; font-family:宋体; line-height:24px; overflow:auto; margin-bottom:30px; color:#000;}
.ppzx_detail .main .right h4 span { float:right;}
.ppzx_detail .main .right p {font-size:14px; font-family:宋体; line-height:28px; color:#727171;}
.ppzx_detail .main .esc { width:40px; height:40px; background-color:#000; color:#fff; line-height:40px; text-align:center; font-size:30px; font-family:宋体; position:absolute; right:-40px; top:0; cursor:pointer;}
.ppzx_detail .main .esc span{
	transition-duration:3s;
	-moz-transition-duration:3s;
	-ms-transition-duration:3s;
	-o-transition-duration:3s;
	-webkit-transition-duration:3s;
    }
.ppzx_detail .main .esc span:hover{ 
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); 	/* IE 9 */
	-moz-transform:rotate(360deg); 	/* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg); 	/* Opera */
	}

/*video*/
.vid .h3_title { margin:40px 0 10px;}
.vid .main { overflow:auto; margin-bottom:90px;}
.vid .main .left { width:560px; margin-top:40px;}
.vid .main .right { float:right; overflow-y:scroll; overflow-x:hidden; position:relative;}
.vid .main .right .list { width:330px; max-height:290px;  margin-left:36px; padding-right:10px;}
.vid .main .right .list .part { position:relative; padding-left:50px; padding-bottom:34px; border-left:1px dashed #778c9d; cursor:pointer;}
.vid .main .right .list .part .num { display:block; width:42px; height:42px; background:url(../images/num_bg.png) no-repeat; text-align:center; line-height:42px; font-size:18px; color:#d70d18; position:absolute; left:-21px;}
.vid .main .right .list .part h3 { font-size:18px; color:#778c9d; line-height:24px;}
.vid .main .right .list .part h4 { font-size:12px; color:#778c9d; line-height:24px;}

/*cp*/
.inside_cp { padding:70px 0 80px;}
.cp .img_box { width:1000px; max-height:1000px;}
.cp .img_box  a{ cursor:url("../images/zoom_in.ico"),auto}
.cp .img_box img { display:block; margin:0 auto; max-height:1000px; max-width:1000px;}
.cp h3 { font-size:24px; line-height:50px; border-bottom:1px solid #000; color:#000; width:944px; margin:90px auto 0; text-transform:uppercase;}
.cp ul li { width:291px; float:left; margin:0 15px; cursor:pointer;text-align:center;}
.cp ul li  img{ max-width:291px; max-height:183px;}
.cp ul { overflow:auto; width:970px; margin:30px auto 0;} 
.cp ul li p { font-size:14px; text-align:center; color:#898989; line-height:40px;}
.video_box { width:430px; height:365px; background:url(../images/cp6.jpg) no-repeat; padding:22px 20px 0;}
.cp .bottom { overflow:auto; margin-top:90px;}
.cp .bottom .right { width:440px; float:right; text-align:right; margin-top:88px;}
.cp .bottom .right p { font-size:14px; line-height:20px; color:#3e3e3e; text-align:left; margin-top:30px;}

/*Marketing*/
.net { width:100%; padding-bottom:56px;}
.net .h3_title { padding:60px 0 50px;}
.net&gt;img { width:100%;}
.par .h3_title { padding:60px 0 50px;}
.par .bottom { overflow:auto; margin-bottom:140px;}
.par .bottom .right { width:280px; height:360px; padding-right:20px; float:right; color:#727171; font-size:14px; overflow-y:scroll;}
.par .bottom .right p { text-indent:12px; margin-bottom:20px;}

.pro .h3_title { padding:50px 0 50px;position:relative;}

/*con*/
.con { padding-bottom:140px;}
.con .h3_title { padding:60px 0 50px;}
.con .main .left { width:306px; color:#000; background-color:#f0f0f4; border-radius:8px; padding:10px 10px 30px 40px;}
.con .main .left h3 { font-size:32px; line-height:50px;}
.con .main .left h4 { font-size:16px; line-height:34px;}
.con .main .left img { display:block; margin-top:16px;}
.con .main .right { float:right; width:520px; color:#000; background-color:#f0f0f4; border-radius:8px; padding:30px 50px;}
.con .main .right input { width:97%; height:42px; line-height:42px; font-size:14px; padding-left:3%; border:none; margin-bottom:22px;}
.con .main .right textarea { width:100%; height:156px; line-height:42px; font-size:14px; text-indent:16px; border:none;}
.con .main .right img { display:block; float:right; margin-top:28px; cursor:pointer;}





</pre></body></html>